div{
    width: 80%;
    height: 120px;
    border: 2px solid #333;
    margin: 10px auto;
}

#ex1{
    background:radial-gradient(
	yellow, green, purple);
}
#ex2{
    background:radial-gradient(
	circle, yellow, green, purple);
}
#ex3{
    background:radial-gradient(
	yellow 40%, green 60%, purple);
}
#ex4{
    background:radial-gradient(
	at top, yellow, green, purple);
}
#ex5{
    background:radial-gradient(
	at 20% 80%, yellow, green, purple);
}
#ex6{
    background:radial-gradient(
	closest-side, yellow, green, purple);
}